/* DataAreaManagement 树形结构样式 */

.data-area-tree-container .ant-tree {
  background: transparent;
}

.data-area-tree-container .ant-tree .ant-tree-node-content-wrapper {
  font-size: 14px;
  border-radius: 4px;
  transition: background 0.2s;
  padding-inline: 3px;
}

.data-area-tree-container .ant-tree .ant-tree-node-content-wrapper:hover {
  color: #0f59a4;
}

.data-area-tree-container .ant-tree .ant-tree-node-selected {
  background: #1890ff !important;
  color: white !important;
}

/* 选中节点标题文字强制白色，避免被其他规则覆盖 */
.data-area-tree-container .ant-tree .ant-tree-node-selected .ant-tree-title {
  color: white !important;
}

/* 树形结构按钮样式 */
.data-area-tree-container .ant-btn-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.2s;
}

.data-area-tree-container .ant-btn-text:hover {
  color: #1890ff;
}

.data-area-tree-container .ant-btn-text.ant-btn-dangerous {
  color: rgba(0, 0, 0, 0.45);
}

.data-area-tree-container .ant-btn-text.ant-btn-dangerous:hover {
  color: #ff4d4f;
}


/* 选中节点的开关箭头/图标也变为白色 */
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-switcher,
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-switcher .anticon,
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-switcher .ant-btn-text,
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-node-content-wrapper .anticon,
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-node-content-wrapper .ant-btn-text {
  color: white !important;
  fill: white !important;
}

/* 保持ant-tree-switcher-icon为黑色 */
.data-area-tree-container .ant-tree .ant-tree-treenode-selected .ant-tree-switcher .ant-tree-switcher-icon {
  color: black !important;
  fill: black !important;
}

.data-area-tree-container .ant-tree .ant-tree-switcher {
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 0;
}

.data-area-tree-container .ant-tree .ant-tree-switcher:before {
  width: 16px;
}

.data-area-tree-container .ant-tree-indent-unit {
  width: 10px;
}

/* 第一层级整行背景色 */
.data-area-tree-container .ant-tree-treenode.level-1-node {
  background: #e6f7ff !important;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 4px;
}



/* 第二层级整行背景色 */
.data-area-tree-container .ant-tree-treenode.level-2-node {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 4px;
}

/* 第三层级及以下保持默认样式 */
.data-area-tree-container .ant-tree-treenode:not(.level-1-node):not(.level-2-node) .ant-tree-node-content-wrapper {
  color: #333;
}

.data-area-tree-container .ant-tree-treenode:not(.level-1-node):not(.level-2-node) .ant-tree-node-content-wrapper:hover {
  color: #0f59a4;
}

/* 树形结构容器样式 */
.data-area-tree-container {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 16px;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
